<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    


<style>
#header {
  height: 46px;
  width: 100%;
  background: url("../mail_files/background-400-46-20120405.png") top left repeat-x;
}
#header .header_wrap {
  width: 960px;
  height: 46px;
  margin: 0 auto;
  background: transparent;
  position: relative;
  z-index: 998;
}
#header .header_wrap h1 {
  padding: 6px 0 0 2px;
}
#header .header_wrap h1 a {
  display: block;
}
#header .header_wrap ul.top_nav {
  margin-left: 27px;
}
#header .header_wrap ul.top_nav li {
  margin: 16px 0 0 46px;
}
#header .header_wrap ul.top_nav li a {
  display: block;
  padding-top: 15px;
}
#header .header_wrap ul.top_nav li a span {
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
#header .header_wrap ul.top_nav li a.to_square {
  width: 79px;
  background: url("../mail_files/nav-sprite-225-35-20120405.gif") 0 top no-repeat;
}
#header .header_wrap ul.top_nav li a.to_dashboard {
  width: 64px;
  background: url("../mail_files/nav-sprite-225-35-20120405.gif") -90px top no-repeat;
}
#header .header_wrap ul.top_nav li a.to_create {
  width: 64px;
  background: url("../mail_files/nav-sprite-225-35-20120405.gif") -160px top no-repeat;
}
#header .header_wrap .tips {
  margin-right: 112px;
  padding: 12px 12px 0 0;
  height: 31px;
  border-right: 1px solid #d5d5d5;
}
#header .header_wrap .tips .fresh, #header .header_wrap .tips .notice {
  margin: 0 10px 0 15px;
}
#header .header_wrap .tips span {
  _width: 25px;
}
#header .header_wrap .tips span a {
  color: #7a7a7a;
  display: block;
  height: 20px;
  line-height: 20px;
}
#header .header_wrap .tips .tip_count_wrap {
  margin: 0 10px 0 15px;
}
#header .header_wrap .tips .tip_count_wrap .tip_count {
  position: relative;
  z-index: 900;
  _width: 0px;
}
#header .header_wrap .tips .tip_count_wrap .tip_count .bg-c {
  width: 100%;
  height: 19px;
  border-top: 1px solid #a66200;
  position: absolute;
  top: 0;
  left: 0;
  background: #ff9600;
  z-index: 901;
}
#header .header_wrap .tips .tip_count_wrap .tip_count .bg-wrap {
  width: auto;
  height: 20px;
  margin: 0 -10px;
  _background: #ff9600;
  position: relative;
  z-index: 902;
}
#header .header_wrap .tips .tip_count_wrap .tip_count .bg-l {
  width: auto;
  height: 20px;
  background: transparent url("../mail_files/c-left-10-20-20120405.gif") left top no-repeat;
  _background: #ff9600;
}
#header .header_wrap .tips .tip_count_wrap .tip_count .bg-r {
  width: auto;
  height: 20px;
  background: transparent url("../mail_files/c-right-10-20-20120405.gif") right top no-repeat;
  _background: #ff9600;
}
#header .header_wrap .tips .tip_count_wrap .tip_count .tipcount {
  width: 100%;
  color: #ffffff;
  font: bold 12px/20px Arial;
  text-align: center;
  text-decoration: none;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  -moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  padding-left: 7px;
  display: inline;
  *display: block;
  *width: 20px;
  *padding-left: 3px;
}
#header .header_wrap .tips .tip_count_wrap .tip_count .gt9 {
  padding: 0 3px;
}
#header .header_wrap .user_info {
  position: absolute;
  top: 0;
  right: 0;
}
#header .header_wrap .user_info .ps_nav, #header .header_wrap .user_info .ps_nav_de {
  padding: 10px 0 7px 6px;
  border-left: 1px solid #ffffff;
  width: 105px;
}
#header .header_wrap .user_info .ps_nav .user_avatar, #header .header_wrap .user_info .ps_nav_de .user_avatar {
  width: 24px;
  height: 24px;
  border: 1px solid #bfbfbf;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  margin-left: 6px;
  _margin-left: 1px;
}
#header .header_wrap .user_info .ps_nav .name, #header .header_wrap .user_info .ps_nav_de .name {
  width: 53px;
  height: 26px;
  margin: 0 5px 0 3px;
  text-align: center;
}
#header .header_wrap .user_info .ps_nav .autocut, #header .header_wrap .user_info .ps_nav_de .autocut {
  display: block;
  color: #7a7a7a;
  line-height: 26px;
  margin: 0 auto;
  width: 50px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-text-overflow: ellipsis;
  -khtml-text-overflow: ellipsis;
  -icab-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#header .header_wrap .user_info .ps_nav .arrow, #header .header_wrap .user_info .ps_nav_de .arrow {
  display: block;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  border-color: #7a7a7a transparent transparent  transparent;
  border-style: solid dashed dashed  dashed;
  border-width: 5px;
  margin-top: 10px;
}
#header .header_wrap .user_info .ps_nav {
  background: #f2f2f2;
  border-color: #bbbbbb;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  width: 106px;
  padding: 10px 10px 0 7px;
  position: absolute;
  top: 0;
  right: -12px;
  cursor: default;
  z-index: 999;
}
#header .header_wrap .user_info .ps_nav ul {
  margin-top: 5px;
}
#header .header_wrap .user_info .ps_nav ul li {
  padding: 8px;
}
#header .header_wrap .user_info .ps_nav ul li a {
  color: #8b8b8b;
}
#header .header_wrap .user_info .ps_nav .messages, #header .header_wrap .user_info .ps_nav .settings {
  border-bottom: 1px solid #c5c5c5;
}
#header .header_wrap .user_info .ps_nav .settings, #header .header_wrap .user_info .ps_nav .logout {
  border-top: 1px solid #ffffff;
}
#header .header_wrap .login_wrap {
  height: 43px;
  margin-top: 15px;
}
#header .header_wrap .login_wrap a {
  color: #7a7a7a;
  margin: 0 11px;
}</style>


		<!-- 网页样式代码fresh_news.css -->
		<div id="header" style="background: url('../public/background-400-46-20120405.png') top left repeat-x;">
			<div class="header_wrap" style="">
				<h1 class="fl">
					<a href="home"><img
							src="./public/duobei-logo-95-35-20120405.png"
							width="95" height="35" title="ichange" alt="ichange"> </a>
				</h1>
				<ul class=""
					style="background-color: ; height: 40px; padding: 0px; margin-left: 150px; width: 450px; float: left; margin-left: 50px;">
					<li class="fl">
						<a href="/" class="to_square"
							style="background-color: ; height: 20px; margin-top: 0px; text-decoration: none; margin-right: 40px;color: #8B8B83"><span><span
								style="font: bolder 18px Microsoft YaHei; display: block;">社区广场</span>Community
								Plaza</span>
						</a>
					</li>
					<li class="fl">
						<a href="home" class="to_square"
							style="background-color: ; height: 20px; margin-top: 0px; text-decoration: none; margin-right: 60px; ;"><span><span
								style="font: bolder 18px Microsoft YaHei; display: block;">我的主页</span>my
								home</span>
						</a>
					</li>
					<li class="fl">
						<a href="system/itemsObjectAction" class="to_square"
							style="background-color: ; height: 20px; margin-top: 0px; text-decoration: none; margin-right: 40px; color: #8B8B83;"><span><span
								style="font: bolder 18px Microsoft YaHei; display: block;">上传物品</span>Upload
								items</span>
						</a>
					</li>

				</ul>
				<div class="tips fr">
					<div class="fresh fl">
						<span class="fl"><a
							href="buddy_fans">听众</a> </span>
						
					</div>

					<div class="notice fl">
						<span class="fl"><a href="notice">通知</a>
						</span>
						<div class="tip_count_wrap fl" style="display: none;">
							<div class="tip_count">
								<div class="bg-wrap">
									<div class="bg-l">
										<div class="bg-r">
											<a class="tipcount " href="http://www.duobei.com/notice"
												id="newNotice">0</a>
										</div>
									</div>
								</div>
								<div class="bg-c"></div>
							</div>
						</div>
					</div>
				</div>

				<div class="user_info">
					<div class="ps_nav_de" style="display: block;">
						<div class="nav_top2 cf">
							<div class="user_avatar fl">
								<img src="<s:property value='@com.tank.util.TankUtil@getCurrentUser().photo'/>" /> 
							</div>
							<div class="name fl">
								<span class="autocut"><s:property value="@com.tank.util.TankUtil@getCurrentUser().name"/></span>
							</div>
							<div class="arrow fl"></div>
						</div>
					</div>

					<div class="ps_nav" style="display: none;">
						<div class="nav_top cf">
							<div class="user_avatar fl">
								<a href="home" title="我的主页"><img
										src="<s:property value="@com.tank.util.TankUtil@getCurrentUser().photo"/>"
										width="24" height="24"> </a>
							</div>
							<div class="name fl">
								<span class="autocut"><s:property value="@com.tank.util.TankUtil@getCurrentUser().name"/></span>
							</div>
							<div class="arrow fl"></div>
						</div>
						<ul>
							<li class="messages">
								<a href="msg/trackers">私信</a>
							</li>
							<li class="settings">
								<a href="setting">设置</a>
							</li>
							<li class="logout">
								<a href="logout">退出</a>
							</li>
						</ul>
					</div>
				</div>
				<!--end user_info-->
			</div>
			<!--end header_wrap-->
			<a href="http://www.duobei.com/ajax/login" id="anonymous-login"
				style="display: none;"></a>
		</div>
